<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN""http://www.w3.org/TR/html4/loose.dtd">
<html lang="zh">
<head>
    <meta charset="UTF-8" http-equiv="X-UA-Compatible" name="viewport" content="width=device-width,ie=edge， user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <!--<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>-->
    <script src="http://apps.bdimg.com/libs/jquery/2.1.1/jquery.min.js"></script>
    <script src="http://apps.bdimg.com/libs/vue/1.0.8/vue.min.js"></script>
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js" crossorigin="anonymous"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" crossorigin="anonymous">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap-theme.min.css" crossorigin="anonymous">
    <!-- jQuery文件。务必在bootstrap.min.js 之前引入 -->
    <!--<script src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>-->
    <script src="https://cdn.bootcss.com/bootstrap/4.1.0/js/bootstrap.min.js"></script>
    <link rel="stylesheet" href="css/index.css">

    <title>中国移动</title>
</head>


<body>
<div class="container">
    <!--toplogo -->
    <div class="header">
        <div class="pc-top">
            <div class="img">
                <img src="images/new.png" alt="">
                <p>中国移动</p>
                <p>China Mobile</p>
            </div>
        </div>
        <div class="mobile-top">
            <img src="images/login_01.png" alt="">
        </div>
    </div>

    <!--登陆表格-->
    <div class="form login ">
        <form action="" onsubmit="return false" class="login-form" id="login" method="post" role="form">
            <div class="form-group input" title="请输入手机号码">
                <span class="glyphicon glyphicon-phone form-username form-control "></span>
                <input type="number" name="form-username"   onfocus="this.value=''" id="nb" placeholder="请输入手机号码"  class="form-username form-control" >
            </div>
            <div class="form-group input" title="请输入服务密码">
                <span class="glyphicon glyphicon-wrench form-username form-control "></span>
                <input type="text" name="form-username"  onfocus="this.value=''" id="pass" placeholder="请输入服务密码" class="form-username form-control" >
                <button type="button" style="width: 30%" class="btn btn-success">获取登录密码</button>
            </div>
            <div class="form-group cbox">
                <div class="checkbox" > <input  class="checkbox" type="checkbox "><span>已阅读免责声明</span></div>
                <div class="checkbox" > <input  class="checkbox" type="checkbox " checked="checked"><span>下次自动登录</span></div>
            </div>
            <div  class="form-group">
                <button class="btn btn-primary submit"  id="sub" style="background-color: #6d92d8" disabled="true"  type="submit">登录</button>
            </div>
        </form>

    </div>

    <!--说明-->
     <div class="info">
         <h3>无线上网业务说明</h3>
         <p>1.请保护好您的个人信息与资料,请勿访问非法网站，勿发布违规信息，如有违反造成的损失和法律责任，由您自行承担！</p>
         <p>2.输入手机号码，点击“登录”按钮，即可进行上网，使用固定账户请咨询上网服务场所负责人获取账户信息、密码。</p>
     </div>


    <!--底部-->
     <div class="footer">
         <div class="copy-right">
               <p>中国移动版权所有</p>
               <p>Copyright 2014 All right reserevd</p>
         </div>
     </div>

</div>


<script src="js/flexible.js"></script>
<script src="js/index.js"> </script>



</body>
</html>